<template>
    <p class="login">登录</p>
    <div class="login-form-header">
        <div class="login-form-body">
            <form method="POST" action="">
                <input type="hidden" name="_token" value="uR6dyoziMYfSa04PccOMIJ75ZfjHUt3UsHUu5cXy">
                <div class="form-group row">
                    <label for="email" class="col-md-4 col-form-label text-md-right">电子邮件地址</label>

                    <div class="col-md-6">
                        <input id="email" type="email" class="form-control" name="email" value="" required autofocus>

                    </div>
                </div>

                <div class="form-group row">
                    <label for="password" class="col-md-4 col-form-label text-md-right">密码</label>

                    <div class="col-md-6">
                        <input id="password" type="password" class="form-control" name="password" required>

                    </div>
                </div>

                <!-- <div class="form-group row">
                    <div class="col-md-6">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="remember" id="remember">
                            <label class="form-check-label" for="remember">
                                记住我
                            </label>
                        </div>
                    </div>
                </div> -->

                <div class="form-group row mb-0">
                    <div class="col-md-8 offset-md-3">
                        <button type="submit" class="btn btn-primary">
                            登录
                        </button>

                        <a class="btn btn-link" href="">
                            忘记密码？
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</template>


<script>
export default {
    name: "LoginComponent"
}
</script>

<style scoped>
.login-form-header {
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
}

.login-form-body {
    width: 610px;
    height: 276.6px;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 43px 36px;

}

.form-group {
    margin-bottom: 25px;
}
</style>